<div id="vocabulary-list" class="col-lg-12">
  <div class="row">
    <div class="col-md-8">
      {% if vocabList is not defined or vocabList|length == 0 %}
      <h3>{% trans "No vocabularies on the server!" %}</h3>
      {% else %}
      <h3>{% trans "Vocabularies on the server" %}</h3>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-10">
      <table class="table">
      {% for vocabClassName,vocabArray in vocabList %}
      <tr>
        <th>
          <span class="header-text-small-font">{{ vocabClassName }}</span>
        </th>
        <td>
        {% for vocab in vocabArray %}
          <a class="vocab-link" href="{{path_fix}}{{ vocab.id }}/{{ lang }}/">{{ vocab.title }}</a><br />
        {% endfor %}
        </td>
      </tr>
      {% endfor %}
      </table>
    </div>
  </div>
  {% endif %}
</div>
